<template>
	<div class="app">	
		<h2>我是App组件</h2>
		<button @click="test">点我测试一下组件标签上的ref获取的是什么</button>
		<Person ref="ren"/>
	</div>
</template>

<script>
	import Person from './components/Person.vue'

	export default {
		name:'App',
		components:{Person},
		methods: {
			test(){
				console.log(this.$refs.ren) //输出的是 Person组件的实例对象（Person的vc）
			}
		},
	}
</script>

<style>
	.app{
		background-color: gray;
		padding: 20px;
	}
</style>